<template>
  <view>
    <view style="height: 10px"></view>
    <view style="background: #fff">
      <u-collapse>
        <u-collapse-item v-for="(item, index) in listData" @click="handleItemClick(item, index)" :key="item.id">
          <view @click.stop="handleItemClick(item, index)" slot="title" class="uni-inline-item">
            <view class="flex items-center" style="height: 28px">
              <image
                v-if="item.checked"
                class="select-icon"
                src="/static/images/work/dbd/selected_yes.png"
                mode="aspectFit"
              ></image>
              <image v-else class="select-icon" src="/static/images/work/dbd/selected_no.png" mode="aspectFit"></image>
            </view>
            <view class="dept-name">危害事故类型：{{ item.riskType }}</view>
          </view>
          <view style="margin-bottom: 10px">危害分析</view>
          <u--textarea v-model="item.riskAnalysis" :maxlength="2000" type="textarea" autoHeight />
          <view style="margin-top: 24rpx; margin-bottom: 10px">管控措施</view>
          <u--textarea v-model="item.cure" :maxlength="2000" type="textarea" autoHeight />
        </u-collapse-item>
      </u-collapse>
    </view>
    <view style="height: 80px"></view>
    <view class="submit-group flex justify-between items-center">
      <view class="flex flex-center pl-10" @click="handleCheckAll()">
        <image
          v-if="checkedAll"
          class="select-icon"
          src="/static/images/work/dbd/selected_yes.png"
          mode="aspectFit"
        ></image>
        <image v-else class="select-icon" src="/static/images/work/dbd/selected_no.png" mode="aspectFit"></image>
        {{ !checkedAll ? '全选' : '取消全选' }}
      </view>
      <view style="width: 300rpx">
        <button class="u-button block" :ripple="true" @click="handleSubmit()">确定</button>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  created() {
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.on('riskResultData', (data) => {
      if (!data?.length) {
        return
      }
      const tempIds = {}
      data.forEach((item) => {
        tempIds[item.id] = {
          ...item
        }
      })
      this.listData.map((item, index) => {
        if (tempIds[item.id]) {
          this.$set(this.listData, index, {
            ...item,
            ...tempIds[item.id]
          })
        } else {
          this.$set(this.listData[index], 'checked', false)
        }
      })
    })
  },
  data() {
    return {
      listData: [
        {
          id: 1,
          riskType: '火灾',
          riskAnalysis:
            '火花飞溅；未采取有效隔绝；可燃物未清除，分析不合格；电器设备漏电引起火灾；安全间距不够；消防应急措施不完善',
          cure:
            '1.从“可燃物、助燃物、点火源”燃烧三要素角度考虑，尤其是“点火源”这一关键要素进行管控，防止其意外出现在作业场所。\n' +
            '2.火灾爆炸危险场所设备设施停运但设备、管道内介质进行清空、置换、吹扫合格，按处于运行状态下对待。\n' +
            '3.以下场合需连续检测气体浓度（系统内物料受热影响可能发生气体逸出的场合；系统隔离不彻底，可能有易燃易爆气体串人的场合；附近在进行易燃易爆物料的装卸或排料作业的场合；其他可能释放易燃易爆物料的场合。）\n' +
            '4.在火灾爆炸危险环境的受限空间内开展动火作业，必须再对受限空间中的氧气和有毒气体进行检测。\n' +
            '5.在设备外部动火时，设备内部可用惰性气体（氮气）或蒸汽或充满水进行保护。\n' +
            '6.必须确保物料管道和作业环节彻底隔离，不能用水封、关闭阀门进行隔离，阀门可能存在内漏而无法做到“彻底”隔离，水封液位不足，就可能会导致水封失效，可使用盲板隔离、拆除一段管道可靠的隔离，在确实无法使用盲板进行隔离的管道上，也可以采用“双阀组加导淋阀”的方式进行隔离。\n' +
            '7.可能释放出易燃易爆、有毒有害物质的设备上或设备内部进行动火作业，（1）动火作业的设备、管道内的物料必须完全倒空、排净，要逐一打开每一个低点排放（导淋阀）检查确认物料进行彻底倒空、排净。（2）彻底吹扫、置换。倒空、排净后的设备、管道要用氮气彻底置换合格；存在催化剂、吸附剂以及内件复杂的设备很难置换合格，往往还需要采用蒸汽吹扫（蒸煮）。设备、管道内存在物料结垢、重组分残渣时，置换合格后还需要过一段时间再次确认是否有易燃易爆气体逸出。3）采用加装盲板隔离、拆除一段管道隔离等方式对该作业设备进行有效隔离。4）作业过程随时监测设备内的气体环境，遇有特殊情况及时撤出作业人员。（5）对于盛装酸性物质的储罐也不容忽视，酸性介质容易对钢质设备造成腐蚀产生氢气。动火作业前必须加强通风、置换。（6）作业人员应做好自身防护。\n' +
            '8.在粉尘环境下的动火作业，作业前，应清除动火作业场所10m范围内的可燃粉尘并配备充足的灭火器材；动火作业区段内涉粉尘作业设备应停止运行；动火作业的区段应与其他区段有效分开或隔断；动火作业后应全面检查设备内外部，确保无热熔焊渣遗留，防止粉尘阴燃；动火作业期间和作业完成后的冷却期间，不应有粉尘进入明火作业场所。\n' +
            '9.对于受热分解可产生易燃易爆、有毒有害物质的场所，动火作业前应采取清理或封盖等防护措施。\n' +
            '10.针对管线拆除作业，作业前和作业过程中原则上至少应包括以下几个方面的要求：（1）收集相关安全生产信息，确定其可能涉及的危险化学品和上下游装置信息、物料走向；（2）对具有能量的设备设施、环境应采取可靠的能量隔离措施；（3）应采用倒空、隔绝、清洗、置换等正确方式进行彻底处理，确保管线内无危化品残留；（4）涉及腐蚀性介质的作业场所应现场就近（30m 内）配备人员应急用冲洗水源；（5）结合收集到的安全生产信息，对现场可能涉及的气体进行可燃气体、有毒气体、氧含量检测，并按照流程办理作业审批手续；（6）由相关属地部门或责任单位进行安全交底和设备交出后，对作业人员开展专项培训，方可进行作业。\n' +
            '11.严格控制动火作业过程中伴随产生的新点火源，对焊渣可能测落的区域进行清理，并在有必要的地方使用防火毯等进行覆盖。\n' +
            '12.在有可燃物构件和使用可燃物做防腐内衬的设备内部进行动火作业时，动火点周围采用防火毯对其他部位进行严密遮盖或采用其他降温措施的方法，必要时也可充水保护，确保动火热量不会引燃或融化其他部位内衬；另外作业时严格控制容器内作业人数，必要时配备消防水管\n',
          controlMeasures: ''
        },
        {
          id: 2,
          riskType: '机械伤害',
          riskAnalysis: '夹击、碰撞、剪切；卷入、绞、碾、割、刺；防护装置缺失；安全间距不够',
          cure:
            '1.运转设备检修必须严格执行挂牌上锁、断电、上锁，挂禁止合闸警示牌，断电后必须确认其惯性运载已彻底消除方可进行作业；\n' +
            '2.试运转前，必须对现场进行细致检查，确认机械部位人员全部彻底撤离方可取牌合闸；\n' +
            '3.对人手直接频繁接触的机械，必须有完好的机械防护机紧急制动装置，操作按钮必须使操作者在机械作业活动范围内随时可触及到；\n' +
            '4.机械设备各传动部位必须有可靠的防护装置；\n' +
            '5.各人孔、投料口、传输部位必须有防护措施；\n' +
            '6.各机械开关布局合理，便于操作者紧急停车，避免误开启其他设备；\n' +
            '7.对设备进行清理积料、卡料、清理卫生等严格遵守停机断电挂警示牌的要求；\n' +
            '8.操作各种机械设备人员必须经过培训，能够掌握该设备性能的基础知识，严格按有关制度精心操作；\n' +
            '9.操作人员必须正确穿戴合理的劳动保护用品，严格按使用规程使用；\n' +
            '10.机械设备在运转时，严禁用手调整零件、润滑、清理杂物等；\n' +
            '11.加强对机械设备的维护保养，保持机械设备运转状态完好。\n',
          controlMeasures: ''
        },
        {
          id: 3,
          riskType: '物体打击',
          riskAnalysis: '高空作业物体坠落；乱扔物品伤人；防护不当；安全间距不够；安全装置失效；设备带病运转',
          cure:
            '1.必须认真执行有关安全规程，克服麻痹思想，消除物体打击伤害事故；\n' +
            '2.高空作业时，禁止投掷物料。清理楼内物料应设溜槽或使用拉圾桶，手持工具和零星物料应随手放在工具袋内，物料传递不准往下或向上乱抛；\n' +
            '3.吊运大件要使用有防止脱勾装置的吊勾或卡环，吊运小件要使用吊笼或吊斗，吊运长件要绑牢；\n' +
            '4.高拆除或拆卸作业要设置警戒区域，并且在有人监护的情况下进行；\n' +
            '5.吊运一切物料都必须由持有司索工上岗证人员进行捆绑，砖块等散料应用吊篮装置好后才能吊运；\n' +
            '6.使用设备的操作人员，必须熟知设备特性、掌握操作要领，经过培训考试合格，持证上岗；\n' +
            '7.排除设备故障或清理卡料前，必须停机、断电、验电、挂牌；\n' +
            '8.高空安装起重设备或垂直运输机具，要注意防止零部件落下伤人；\n' +
            '9.高处拆除作业时，对拆卸下的物料、建筑垃圾要及时清理和运走，不得在走道上任意乱放或向下丢弃；\n' +
            '10.外脚手架上不得堆放材料，并按时清理外脚手架上的杂物；\n' +
            '11.起重机械下不准站人或穿行；\n' +
            '12.进入生产区域必须规范佩戴安全帽。\n' +
            '\n',
          controlMeasures: ''
        },
        {
          id: 4,
          riskType: '触电',
          riskAnalysis: '无漏电保护装置；接触不良；误开关设备；保护装置失效；绝缘失效',
          cure:
            '1.在作业过程中，作业活动范围与危险电压带电体的距离小于安全距离。\n' +
            '2.在作业过程中，使用电焊机、电动工具设备，遵守有关安全操作规程或使用电气工器具的安全措施落实到位。\n' +
            '3.穿戴防静电的劳动防护用品。\n' +
            '4.专业电工人员进行临时用电的接线、拆线。\n' +
            '5.使用绝缘的设备进行操作。\n' +
            '6.火灾爆炸危险场所应使用相应防爆等级的电气元件，并采取相应的防爆安全措施。\n' +
            '7.临时用电线路及设备应有良好的绝缘，所有的临时用电线路应采用耐压等级不低于500V 的绝缘导线。\n' +
            '8.临时用电线路经过火灾爆炸危险场所以及有高温、振动、腐蚀、积水及产生机械损伤等区域，不应有接头，并应采取相应的保护措施。\n' +
            '9.临时用电架空线应采用绝缘铜芯线，并应架设在专用电杆或支架上，其最大弧垂与地面距离，在作业现场不低于2.5m，穿越机动车道不低于5m；\n' +
            '10.现场临时用电配电盘、箱应有电压标志和危险标志，应有防雨措施，盘、箱、门应能牢靠关闭并上锁管理。\n' +
            '11.临时用电设施应安装符合规范要求的漏电保护器，移动工具、手持式电动工具应逐个配置漏电保护器和电源开关。\n',
          controlMeasures: ''
        },
        {
          id: 5,
          riskType: '中毒和窒息',
          riskAnalysis: '分析不合格;通风不良;防护用品不合格;置换不合格;有毒有害浓度超标;违章进入有毒有害区域',
          cure:
            '（1）进入设备、容器进行检修，应经过加盲板、吹扫、置换、采样分析合格、办理受限空间安全作业票后，才能进入作业。对于有些设备容器在检修前，需进入排除残余的油泥、余渣，清理过程中会散发出硫化氢和油气等有毒有害气体的情形，必须采取相应安全措施。如：\n' +
            'a）制定作业方案，分析作业风险，做好风险预判；\n' +
            'b）作业人员经过安全技术培训；\n' +
            'c）进设备容器作业前，必须做好气体采样分析；\n' +
            'd）办理进入受限空间安全作业票；\n' +
            'e）作业期间佩戴防毒用具（空气呼吸器等），携带好安全带（绳），并保持连续检测气体浓度；\n' +
            'f）穿戴适应工作环境的劳动防护服装，如易燃易爆场所穿戴防静电服装、酸碱环境穿耐腐蚀服装等；\n' +
            'g）必要时使用防爆工具；\n' +
            'h）施工过程须有专人监护，明确应急救援对策，备好应急器材，必要时应有医务人员在场。 \n' +
            '（2）进入下水道（井）、地沟作业的风险管控措施：\n' +
            'a）控制各种物料的切水排凝进入下水道，不排入环境；\n' +
            'b）采用强制通风或自然通风；\n' +
            'c）对气体进行采样分析，根据测定结果确定作业方案和安全措施，办理好进入受限空间作业票，并保持作业期间连续检测气体浓度；\n' +
            'd）佩戴防毒用具（空气呼吸器等），明确应急救援措施；\n' +
            'e）携带好安全带（绳）；\n' +
            'f）进入下水道内作业要设专人监护，并与地面保持密切联系。\n' +
            '（3）严格控制进入受限空间作业的人数（以不超过3人为宜），认真优化受限空间内作业方案。\n' +
            '（4）结合实际作业条件（环境温度、作业强度等），合理安排或控制受限空间内作业人员连续作业的时间。\n' +
            '（5）作业现场应配置移动式气体检测报警仪，连续检测可燃、有毒气体浓度及氧气含量，气体浓度超限报警时，应立即停止作业，撤离人员，对现场进行处理，重新检测合格后方可恢复作业；\n' +
            '（6）应佩戴隔绝式呼吸防护装备，并正确拴带救生绳；应配备相应的通信工具；在有毒、缺氧环境下不应摘下防护面具；难度大、劳动强度大、时间长、高温的应采取轮换作业方式；\n' +
            '（7）作业期间发生异常情况时，未穿戴符合规定的个体防护装备的人员严禁人内救援。\n' +
            '（8）污水池、油池清污作业相关的硫化氢中毒防控措施主要有：a）下油池清理前，必须用泵把污油、污水抽干净，用高压水冲洗置换；b）采样分析，根据测定结果确定施工方案和安全措施，办理好进入受限空间作业票；c）配备防毒用具（空气呼吸器等），有专人监护，必要时系好安全带（绳）；d）出现紧急情况时不得盲目施救。\n' +
            ' （9）作业点处由于泄漏、放空等产生有毒、有害气体，如氮气、硫化氢、一氧化碳等，有可靠的防护措施或不人员作业。\n',
          controlMeasures: ''
        },
        {
          id: 6,
          riskType: '高处坠落',
          riskAnalysis:
            '上下爬梯手持工具；走动时踩空、绊、跌身体失稳；脚手架，跳板没有满铺或铺设不稳；没有扎防护栏杆或防护栏杆已经损坏；交叉作业没有防护',
          cure:
            '1.安排具备高处作业资格（条件）的人员从事高处作业。\n' +
            '2.严禁安排有职业禁忌人员从事高处作业。\n' +
            '3.严禁随意私自拆除安全防护设施。\n' +
            '4.按规定的通道上下进入作业面，严禁随意攀爬阳台、吊车臂架等非规定通道。\n' +
            '5.拆除脚手架、井字架、塔吊或模板支撑系统时安排专人监护、按规定设置可靠防护设施。\n' +
            '6.按要求穿戴好个人劳动防护用品（安全帽、安全带、防滑鞋）等。\n' +
            '7.在洞口、临边作业时必须系挂安全带。\n' +
            '8.在转移作业地点时系好安全带。\n' +
            '9.在安装建筑构件时，作业人员相互配合好。\n' +
            '10.注意力集中；身体条件差或情绪不稳定等人员严禁安排高处作业。\n' +
            '11.确保高处作业安全防护设施材质强度、正确安装、无磨损老化等。\n' +
            '12.生产组织过程合理，确保无交叉作业或无超时作业现象。\n' +
            '13.高处作业施工现场由安全管理人员进行监督，定期进行安全检查。\n' +
            '14.确保作业环境安全：（1）作业现场能见度足、光线良好。（2）在五级强风或大雨、雪、雾天气严禁从事露天高处作业。（3）严禁在平均气温等于或低于5℃的作业环境安排作业。（4）接触冷水温度等于或低于12℃的作业。（5）作业场地有冰、雪、霜、油、水等易滑物。\n' +
            '15.从事高处作业的人员不应在作业处休息。\n' +
            '16.根据实际需要设置符合安全要求的作业平台、吊笼、梯子、挡脚板、跳板等；脚手架的搭设、拆除和使用应符合有关标准要求。\n' +
            '17.从事高处作业的人员不应站在不牢固的结构物上进行作业；在彩钢板屋顶、石棉瓦、瓦棱板等轻型材料上作业，应铺设牢固的脚手板并加以固定，脚手板上要有防滑措施；不得在未固定、无防护设施的构件及管道上进行作业或通行。\n' +
            '18.在同一坠落方向上，一般不应进行上下交叉作业，如需进行交叉作业，中间应设置安全防护层，坠落高度超过 24m的交叉作业，应设双层防护。\n' +
            '19.因作业需要，必须临时拆除或变动作业对象的安全防护设施时，应经作业审批人员同意，并采取相应的防护措施，作业后应及时恢复。\n' +
            '20.按要求系挂安全带，安全带不得系挂在尖锐棱角或有可能转动的部位，并应高挂低用，下部应有安全空间和净距；当净距不足时，安全带可短系使用，但不得打结使用。在不具备安全带系挂条件之处，应增设生命绳、速差防坠器、安全绳自锁器等安全措施。垂直移动宜使用速差防坠器、安全绳自锁器；水平移动拉设生命绳。安全带的质量标准和检验周期，应符合现行国家标准GB 6095-2021《坠落防护 安全带》的规定。\n' +
            '21.安装作业过程中无法进行外架防护时，应搭设安全平网，有火花溅落的地方应使用阻燃安全网。\n',
          controlMeasures: ''
        },
        {
          id: 7,
          riskType: '火药爆炸',
          riskAnalysis: '动火分析不合格',
          cure: '',
          controlMeasures: ''
        },
        {
          id: 8,
          riskType: '瓦斯爆炸',
          riskAnalysis: '动火分析不合格；可燃气体混合；',
          cure: '',
          controlMeasures: ''
        },
        {
          id: 9,
          riskType: '锅炉爆炸',
          riskAnalysis: '粉尘积累过多；可燃气体混合；可燃液体蒸汽混合；间接形成的可燃气体',
          cure:
            '1.锅炉的水位、锅炉的蒸汽分流器、安全阀、压力等内容时时的进行监测；\n' +
            '2.做好锅炉的日常维护保养工作，及时的清理炉壁的煤渣、油垢、水垢；\n' +
            '3.制定锅炉事故安全应急预案，需要明确事故处置方案，紧急停炉步骤、人员职责等内容；\n' +
            '4.确保安全阀及其它安全附件灵敏可靠。\n',
          controlMeasures: ''
        },
        {
          id: 10,
          riskType: '其他爆炸',
          riskAnalysis: '',
          cure: '',
          controlMeasures: ''
        },
        {
          id: 11,
          riskType: '车辆伤害',
          riskAnalysis: '有碰撞、碾轧、刮擦、翻车；坠车、爆炸、失火、出轨；搬运、装卸中的坠落及物体打击',
          cure:
            '1.确保厂内车况完好，制动器、喇叭、转向系统、灯光等影响安全的部件完好性；\n' +
            '2.严禁人货混装，车辆载货严禁超载、超高、超宽，捆扎不牢固可靠；\n' +
            '3.车辆行驶速度严格按限速标识要求控制；\n' +
            '4.装卸车作业时，若车辆停在坡道上，应在车轮两侧用楔形木块加以固定；\n' +
            '5.厂区道路行走，严格在人行道行走并按“两人成排，三人成行”的要求排队行走；\n',
          controlMeasures: ''
        },
        {
          id: 12,
          riskType: '起重伤害',
          riskAnalysis: '重物坠落；起重机侧翻；金属结构破坏；挤压夹击伤害',
          cure:
            '1.起重人员熟悉规定的指挥信号、手势并按方案执行；\n' +
            '2.起重吊装作业前，在作业区域设置警戒线、警示标识，防止无关人员进入；\n' +
            '3.起重设备严禁超负荷起吊重物；\n' +
            '4.起重设备设备定期检验、检查、维护，确保安全装置齐全可靠；\n' +
            '5.起重设备严禁在沟盖板上撑支腿。\n' +
            '6.起重作业严格落实吊装作业“十不准”规定；\n' +
            '\n',
          controlMeasures: ''
        },
        {
          id: 13,
          riskType: '淹溺',
          riskAnalysis: '干溺：咽、喉、气管反射性痉挛性堵塞呼吸道；湿溺：呼吸道被水或泥草等异物堵塞',
          cure:
            '1.污水池、有深坑积水区域必须设置防护围栏及安全警示告知牌；\n' +
            '2.人员巡检、作业时必须要有正确的站位，必要时系挂安全带；\n' +
            '3.污水池、有深坑积水区域外存放救生圈、救生衣等救援设施。\n',
          controlMeasures: ''
        },
        {
          id: 14,
          riskType: '灼烫',
          riskAnalysis: '强酸、强碱引起的灼伤；火焰引起的烧伤；高温物体引起的烫伤；放射线引起的皮肤损伤；低温灼伤',
          cure:
            '1.在作业过程中，作业人员因远离火焰、高温物体、避免接触酸、碱、盐、有机物等，采取可靠的个人安全防护措施。\n' +
            '2.高温作业岗位人员按操作规程操作。\n' +
            '3.正确佩戴个体防护用品，强化相关内容防护措施培训。\n' +
            '4.对腐蚀性危险化学品等容器经常性排查隐患，及时处理存在问题。\n',
          controlMeasures: ''
        },
        {
          id: 15,
          riskType: '坍塌',
          riskAnalysis: '土方坍塌;脚手架坍塌;模板坍塌;拆除工程的坍塌;建筑物坍塌;强度失效，结构不稳',
          cure:
            '1.动土作业设置固壁支撑、水渗入作业层面设置排水沟确保无积水。\n' +
            '2.在作业过程中，脚手架严禁超过自身的强度极限，确保脚手架结构稳定。\n',
          controlMeasures: ''
        },
        {
          id: 16,
          riskType: '冒顶片帮',
          riskAnalysis:
            '指矿井、隧道、涵洞开挖、衬砌过程中因开挖或支护不当，顶部或侧壁大面积垮塌造成伤害的事故。矿井作业面、巷道侧壁在矿山压力作用下变形，破坏而脱落的现象称为片帮，顶部垮落称为冒顶，二者常同时发生。两者常同时发生人身伤亡事故，统称为冒顶片帮。适用于矿山、地下开采、掘进及其他坑道作业发生的坍塌事故',
          cure: '指矿井、隧道、涵洞开挖、衬砌过程中因开挖或支护不当，顶部或侧壁大面积垮塌造成伤害的事故。矿井作业面、巷道侧壁在矿山压力作用下变形，破坏而脱落的现象称为片帮，顶部垮落称为冒顶，二者常同时发生。两者常同时发生人身伤亡事故，统称为冒顶片帮。适用于矿山、地下开采、掘进及其他坑道作业发生的坍塌事故',
          controlMeasures: ''
        },
        {
          id: 17,
          riskType: '透水',
          riskAnalysis: '应力损坏；水侧腐蚀；冲击腐蚀；疲劳破坏；质量控制失误',
          cure: '',
          controlMeasures: ''
        },
        {
          id: 18,
          riskType: '容器（压力容器）爆炸',
          riskAnalysis: '材料质量不合格；动火分析不合格；泄压装置失效；容器超压；安全装置失灵；置换不合格',
          cure: '',
          controlMeasures: ''
        },
        {
          id: 19,
          riskType: '其他伤害',
          riskAnalysis: '滑到，摔伤，扭伤;冻伤;跌伤;钉子扎伤',
          cure: '',
          controlMeasures: ''
        },
        {
          id: 20,
          riskType: '爆破',
          riskAnalysis: '',
          cure: '',
          controlMeasures: ''
        }
      ]
    }
  },
  computed: {
    checkedAll() {
      return this.listData.every((item) => item.checked)
    }
  },
  methods: {
    handleCheckAll() {
      const _check = !this.checkedAll
      this.listData.map((item, index) => {
        this.$set(this.listData[index], 'checked', _check)
      })
    },
    handleItemClick(item, index) {
      this.$set(this.listData[index], 'checked', !item.checked)
    },
    handleSubmit() {
      const data = this.listData.filter((item) => item.checked)
      const eventChannel = this.getOpenerEventChannel()
      eventChannel.emit('risk-result:form:success', data)
      console.log('risk-result:form:success', data)
      uni.navigateBack()
    }
  }
}
</script>

<style lang="scss" scoped>
.picker-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.picker-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
  transition: all 0.3s;
}

.picker-header {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 20rpx;
  padding: 20rpx 0;
}

.packer-title {
  text-align: center;
}

.picker-view {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  height: 490rpx;
  background-color: rgba(255, 255, 255, 1);
}

.picker-item {
  text-align: center;
  line-height: 70rpx;
  text-overflow: ellipsis;
}

.level-list {
  .level-item {
    display: flex;
    align-items: center;
    margin-left: 20rpx;
    color: #333;
    line-height: 42rpx;
    padding: 20rpx;

    .icon-style {
      width: 36rpx;
      height: 36rpx;
      margin-right: 10rpx;
    }

    .content {
      flex: 1;
    }
  }
}

.flex_between_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkbox {
  position: relative;
  margin-left: 10rpx;
  margin-right: 0px;

  .color {
    color: #00aaff;
    background-color: #00aaff;
  }

  .txt {
    font-size: 44rpx;
    width: 100%;
    height: 100%;
    display: flex;
  }
}

.checkBorder {
  border: 1px solid #ecdee4;
}

.header {
  width: 100%;
  position: fixed;
  background-color: #fff;
  z-index: 9999;

  .title {
    height: 90rpx;
    padding: 0 32rpx;
    line-height: 90rpx;
    font-size: 32rpx;
    color: #666666;
    font-weight: 500;
  }
}

.iconclass {
  display: inline-block;
  margin: 0 12rpx;
  color: #d0d4db;
  font-size: 28rpx;
}

.common {
  background-color: #fff;
  border-bottom: 1rpx solid #f4f4f4;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  border-color: #d0d4db;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;

  .content {
    display: flex;
    align-items: center;
    height: 60rpx;
    width: 100%;
    padding: 15rpx 0;
    position: relative;
    font-size: 32rpx;

    .lable-text {
      margin-left: 16rpx;
      font-size: 30rpx;
      color: #5b5757;
      width: 500rpx;
      word-break: break-all;
    }

    .right {
      position: absolute;
      right: 30rpx;
      color: #babdc3;
      font-size: 32rpx;
    }
  }
}

.active {
  color: #4297ed !important;
}

.none {
  color: #666666;
}

.icon-selected {
  color: #0095f2 !important;
  font-size: 40rpx !important;
}

.icons {
  color: #0095f2 !important;
  font-size: 40rpx !important;
}

.inline-item {
  display: inline-block;
}

.content-item {
  display: flex;
  position: relative;
  align-items: center;
}

.box_sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn {
  position: fixed;
  bottom: 0;
  padding: 10px;
  background-color: #fff;
  opacity: 0.9;
  width: 100%;

  .bottom-btn-wrap {
    display: flex;
    align-items: center;

    .selected-text {
      flex: 1;
      font-size: 24rpx;
      color: #333333;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .arrow-up {
      padding-left: 20rpx;
    }

    .confirm-btn {
      font-size: 32rpx;
      margin-left: 20rpx;
      height: 70rpx;
      line-height: 70rpx;
      background-color: #2ac0c8;
      color: #fff;
      border-radius: 0;
      min-width: 200rpx;
      &:after {
        display: none;
      }
    }
  }
}

.select-all-wrap {
  display: flex;
  font-size: 32rpx;
  font-weight: 500;
  color: #333333;
  padding: 30rpx;
}

.select-icon {
  width: 40rpx;
  height: 40rpx;
  margin-right: 30rpx;
}

.info-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24rpx 20rpx 24rpx 30rpx;

  .dept-icon-wrap {
    background: #f4f5f9;
    border-radius: 50%;
    width: 80rpx;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30rpx;

    .dept-icon {
      width: 44rpx;
      height: 36rpx;
    }
  }

  .user-icon-wrap {
    width: 80rpx;
    height: 80rpx;
    margin-right: 30rpx;
    border-radius: 50%;
    overflow: hidden;

    .user-icon {
      width: 100%;
      height: 100%;
    }
  }

  .dept-name {
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
  }

  .standard {
    margin-left: 10px;
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
  }

  .user-num {
    font-size: 32rpx;
    font-weight: 500;
    color: #999999;
  }
}

::v-deep {
  .uni-inline-item uni-text:last-child {
    margin: 0;
  }
}

.user-scroll-wrap {
  height: calc(100vh - 120rpx);
}

.selected-inof-popup-wrap {
  .popup-header {
    justify-content: space-between;
    padding-left: 30rpx;

    .selected-text {
      font-size: 28rpx;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .close-popup-btn {
      width: 140rpx;
      line-height: 80rpx;
      text-align: center;
      color: #4297ed;
    }
  }

  .user-scroll-wrap {
    height: 60vh;
  }

  .common {
    background-color: #fff;
    border-bottom: 1rpx solid #f4f4f4;
  }
}
.submit-group {
  background: #fff;
  padding: 12rpx;
}
</style>
